/* HEADER */
#pages #header {
	background-color: #000000;

}

#pages #header .mobile {
	display: block;
}

#pages #header .desktop {
	display: none;
}

#pages #header .mobile .logo {
	margin: 0 auto;
	padding: 23px 0;
	width: 107px;
	height: 77px;
}

#pages #header .mobile .logo a {
	display: block;
	width: 100%;
	height: 100%;
}

#pages #header .mobile .logo a img {
	width: 100%;
	height: 100%;
}

#pages #header .mobile .logo {
	text-align: center;
	padding: 28px 0;
}

#pages #header .mobile ul {
	width: 100%;
	height: 55px;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
}

#pages #header .mobile ul li {
	width: 50%;
	float: left;
}

#pages #header .mobile ul li a {
	display: block;
	font-size: 13px;
	height: 55px;
	line-height: 55px;
}

#pages #header .mobile ul li a:first-child {
	border-right: 1px solid #000000;
}

/* HEADER */

/* PROJECTS */
div#projects .project {
	height: 200px;
	position: relative;
}

/* /PROJECTS */

/* QUOTES */
div#quotes {
	padding: 60px 0;
	min-height: 40px;
}

div#quotes .quote .text {
	font-size: 16px;
}

div#quotes .quote .author {
	font-size: 13px;
}

/* /QUOTES */

/* EDITO */
div.edito{
	padding:50px 15px;
}

div.edito .text{
	font-size:14px;
	line-height:22px;
}

div.edito a{
	font-size:12px;
}

div.edito a:hover{
	color:#000000;
}
/* /EDITO */

/* HOME_FEED */
#home_feed {
	background-color: #000000;
	height: auto;
	overflow: hidden;
}

#home_feed ul {
	height: 200px;
}

#home_feed ul li {
	width: 200px;
	height: 200px;
}

#home_feed ul li img {
	width: 226px;
	height: 226px;
	margin: -13px 0 0 -13px;
	position: relative;
	z-index: 1;
}

/* /HOME_FEED */

/* IN PROGRESS */

div#in_progress {
	height: 300px;
	width:100%;
}

div#in_progress .controls {
	height: 114px;
	margin: -57px auto 0;
	width: 100%;
	left:0;
}

div#in_progress .controls .arrow {
	display: none;
}

div#in_progress .middle {
	float: none;
	margin: 0 auto;
	width: 95%;
}

div#in_progress .middle .highlights {
	font-size: 14px;
	height: 115px;
	line-height: 22px;
}

div#in_progress .middle .bullets {
	display: none;
}
/* /IN PROGRESS */

/* CONTACT */
#contact_me{
	height: 500px;
}

#contact_me .text {
	height: 356px;
	margin: -178px auto 0;
}

#contact_me .text .data {
	margin: 30px auto;
}


/* CONTACT_FEED */


#contact_feed .items .item.text .ico{
	height:57px;
	margin:0 0 15px 0;
	text-align: center;
}
#contact_feed .items .item.text h2{
	font-size:13px;
}

#contact_feed .items .item.text .more{
	font-size:12px;
}

/* /CONTACT_FEED */

/* PROJECT */
.content.project .main_visual tr td h1{
	font-size: 18px;
}

.content.project .main_visual tr td .desc{
	font-size: 13px;
}

.content.project .controls{
	margin-top:35px ;
}

.content.project .controls .arrow{
	display:none
}

.content.project .controls .infos{
	width:94%;
	margin:0 3%;
}

/* PREVIEW */
.content.project .preview{
	margin-top:35px;
}

.content.project .preview .format .device{
	position:relative;
}

/* FORMAT */
.content.project .preview .format.format_d .device.desktop,
.content.project .preview .format.format_t .device.desktop,
.content.project .preview .format.format_m .device.desktop,
.content.project .preview .format.format_dt .device.desktop,
.content.project .preview .format.format_dm .device.desktop,
.content.project .preview .format.format_tm .device.desktop,
.content.project .preview .format.format_dtm .device.desktop{
	width:298px;
	height:250px;
	margin:0 auto 40px;
}

.content.project .preview .format.format_d .device.desktop .screens ,
.content.project .preview .format.format_t .device.desktop .screens ,
.content.project .preview .format.format_m .device.desktop .screens ,
.content.project .preview .format.format_dt .device.desktop .screens ,
.content.project .preview .format.format_dm .device.desktop .screens ,
.content.project .preview .format.format_tm .device.desktop .screens ,
.content.project .preview .format.format_dtm .device.desktop .screens {
	height: 164px;
	left: 19px;
	top: 13px;
	width: 261px;
}

.content.project .preview .format.format_d .device.tablet,
.content.project .preview .format.format_t .device.tablet,
.content.project .preview .format.format_m .device.tablet,
.content.project .preview .format.format_dt .device.tablet,
.content.project .preview .format.format_dm .device.tablet,
.content.project .preview .format.format_tm .device.tablet,
.content.project .preview .format.format_dtm .device.tablet{
	width:246px;
	height:250px;
	margin:0 auto 40px;
}

.content.project .preview .format.format_d .device.tablet .screens ,
.content.project .preview .format.format_t .device.tablet .screens ,
.content.project .preview .format.format_m .device.tablet .screens ,
.content.project .preview .format.format_dt .device.tablet .screens ,
.content.project .preview .format.format_dm .device.tablet .screens ,
.content.project .preview .format.format_tm .device.tablet .screens ,
.content.project .preview .format.format_dtm .device.tablet .screens {
	height: 203px;
	left: 42px;
	top: 20px;
	width: 162px;
}

.content.project .preview .format.format_d .device.mobile,
.content.project .preview .format.format_t .device.mobile,
.content.project .preview .format.format_m .device.mobile,
.content.project .preview .format.format_dt .device.mobile,
.content.project .preview .format.format_dm .device.mobile,
.content.project .preview .format.format_tm .device.mobile,
.content.project .preview .format.format_dtm .device.mobile{
	width:126px;
	height:250px;
	margin:0 auto 40px;
}

.content.project .preview .format.format_d .device.mobile .screens ,
.content.project .preview .format.format_t .device.mobile .screens ,
.content.project .preview .format.format_m .device.mobile .screens ,
.content.project .preview .format.format_dt .device.mobile .screens ,
.content.project .preview .format.format_dm .device.mobile .screens ,
.content.project .preview .format.format_tm .device.mobile .screens ,
.content.project .preview .format.format_dtm .device.mobile .screens {
	height: 178px;
	left: 12px;
	top: 36px;
	width: 103px;
}
/* /FORMAT*/
/* PREVIEW */


.content.project .video{
	width:300px;
	margin:50px auto 0;
	height:168px;
}

.content.project .project_slider{
	height:500px;
	margin-top:70px;
}


.content.project .project_slider .controls .arrow{
	width:50px;
	height:49px;
	background: url(../Img/projects/arrows_slider.png) no-repeat 0 -82px;
	top:225px;
}

.content.project .project_slider .controls .arrow.next{
	background-position: -50px -82px;
}

.content.project .awards{
	padding:40px 15%;
	background-color:#000000;
}

.content.project .awards h2{
	padding: 0;
	background: none;
}

.content.project .awards strong{
	color:#ffffff;
}

.content.project .awards ul{
	margin:20px 0 0 0;
	font-size:13px;
}


.content.project .mobile_controls{
	display:block;
}

.content.project .mobile_controls ul{
	background-color: #FFFFFF;
	height: 55px;
	margin: 0;
	padding: 0;
	width: 100%
}

.content.project .mobile_controls ul li{
	float: left;
	width: 50%;
	text-align: center;
}

.content.project .mobile_controls ul li a {
	display: block;
	font-size: 13px;
	height: 55px;
	line-height: 55px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.content.project .mobile_controls ul li a:first-child {
	border-right: 1px solid #000000;
}

/* FOOTER */
.footer{
	padding:40px 5%;
}

.footer .vcard{
	padding:92px 0 0 0;
	background-position: top left;
	float:none;
}

.footer .vcard .line.email{
	float:none;
	clear:both;
}

.footer .menu{
	float:none;
	margin:40px 0 0 0;
}

.footer .menu > ul > li{
	float:none;
	margin:6px 0 0 0;
}
.footer .menu > ul > li .title{
	float:left;
	margin:0 8px 0 0;
}

.footer .menu > ul > li > ul{
	float:left;
}

.footer .menu > ul > li > ul > li{
	display:inline;
}


/* /FOOTER */
